<template>
  <div>
    <div class="home_tw">
      <van-grid :column-num="3">
        <van-grid-item
          v-for="(item, index) in list"
          :key="index"
          :icon="item.icon"
          :text="item.name"
          @click="details(item.id)"
        />
      </van-grid>
    </div>
  </div>
</template>
<style scoped>
.home_tw {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  padding-bottom: 1rem;
}
.van-grid-item__icon{
    font-size: 34px;
}

</style>
<script>
export default {
    props:{
        list:{
            required:true,
        }
    },
    mounted() {
      
    },
    data() {
        return {
            
        }
    },
    methods: {
        details(id){
            this.$router.push({path:"/home_details",query:{id}})
        }
    },
      
}
</script>